<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>这是注册页面</h2>
    <div class="form">
        用户名：<input type="text" id="username"><br>
        密码：<input type="password" id="password"><br>
        <input type="button" value="注册" id="reg">
        <span id="msg"></span>
    </div>
</body>
<script src="js/jquery.2.2.4.js"></script>
<script>
    // 注册接口：localhost:3000/api?type=register&user=用户名&pass=密码


    $("#reg").click(function(){
        $.ajax({
            url:"/api",
            data:{
                type:"register",
                user:$("#username").val(),
                pass:$("#password").val()
            },
            success:res=>{
                console.log(res);
                if(res.code === 200){
                    $("#msg").html("恭喜你，注册成功，3秒后跳转到<a href='login.html'>登录</a>");
                    setTimeout(() => {
                        location.href = "login.html";
                    }, 3000);
                }else if(res.code === 1){
                    $("#msg").html("不好意思，你的用户名太火爆了，换一个吧");
                }
            },
            error:()=>{},
            dataType:"json"  // 慎用，确定后端但会的数据一定是json的时候使用
        })
    })



</script>
</html>